{% extends 'base.html' %}
{% block title %}Login{% endblock %}
{% block content %}
    <div class="row text-center vertical-middle-sm">
        <h1>Login</h1>
        <p>Input your username and password</p>
        <form class="form-horizontal" action="." method="post">
            {% csrf_token %}
            <div class="form-group">
                <label for="{{ form.username.id_for_label }}" class="col-md-5 control-label" style="color:black">
                    <span class="glyphicon glyphicon-user"></span>
                    Username
                </label>
                <div class="col-md-6 text-left">{{ form.username }}</div>
            </div>
            <div class="form-group">
                <label for="{{ form.password.id_for_label }}" class="col-md-5 control-label" style="color:black">
                    <span class="glyphicon glyphicon-floppy-open"></span>
                    Password
                </label>
                <div class="col-md-6 text-left">{{ form.password }}</div>
            </div>
            <input class="btn btn-primary btn-lg" type="submit" value="Login">
            <hr>
            <p>还没有账号？去<a href="{% url 'account:user_register' %}">注册</a></p>
        </form>
    </div>
{% endblock %}